$green: #1abc9c;
$red: #ff7373;

.contents {
  background: #f7f7f7;
	.commissionbox {
		margin: 30px 0;
		.cp_l {
			width: 190px;
			height: auto;
			background-color: #ffffff;
			border: solid 1px #eeeeee;
			padding-bottom: 30px;
			div {
				padding: 27px 0 27px 40px;
				font-size: 20px;
				color: #666;
			}
			ul {
				height: auto;
				li {
					padding-left: 40px;
					margin: 20px 0;
					font-size: 16px;
					line-height: 24px;
					color: #666;
					a {
						&:hover {
							color: $green;
						}
					}
				}
			}
			.myaccount {
				li {
					border-left: 6px solid #fff;
				}
				.active {
					border-left: 6px solid $green;
					color: $green;
				}
			}
		}
		.cp_r {
			width: 998px;
			// height: 961px;
			background-color: #ffffff;
			border: solid 1px #eeeeee;
			.cp_r_tab {
				height: 50px;
				background-color: #fdfdfd;
				border-bottom: solid 1px #eeeeee;
				line-height: 50px;
				font-size: 18px;
				color: #666;
				div {
					text-align: center;
					width: 101px;
					height: 50px;
				}
				.active {
					background-color: #ffffff;
					color: $green;
					border-top: 4px solid $green;
				}
			}

			.message-group {
				width: 954px;
				box-sizing: border-box;
				margin-top: 20px;
				margin-left: auto;
				margin-right: auto;
				border: solid 1px #eeeeee;
				.top {
					padding: 12px 20px;
					font-size: 18px;
					color: #333333;
					.time {
						font-size: 16px;
						color: #999999;
						.circle {
							display: inline-block;
							border-radius: 50%;
							width: 10px;
							height: 10px;
							background-color: #ff4a4a;
							margin-right: 14px;
						}
					}
				}
				.bottom {
					border-top: 1px solid #eee;
					padding: 30px 20px;
					.text {
						width: 816px;
						height: 22px;
						overflow: hidden;
						font-size: 16px;
						line-height: 24px;
						color: #666;
					}
					.see-detail {
						font-size: 16px;
						color: #666;
						cursor: pointer;
					}
				}
			}
		}
	}
	#nomessage {
		text-align: center;
		img {
			width: 196px;
			height: 157px;
			margin-top: 112px;
			margin-bottom: 60px;
		}
		.text {
			text-align: center;
			font-size: 20px;
			font-weight: normal;
			font-stretch: normal;
			line-height: 24px;
			letter-spacing: 0px;
			color: #666666;
		}
	}
}
